﻿<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>何明机 · Shawgin</title>
    <script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script src="js/jquery1.4.js" type="text/javascript"></script>
    <script src="js/loading.js" type="text/javascript"></script>
    <link href="bootstrap/css/bootstrap.css" rel="stylesheet" />
    <link href="bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" />
    <link href="lavalamp/lavalamp.css" rel="stylesheet" media="screen" />
    <link href="css/main.css" rel="stylesheet" />
    <link href="css/circle.css" rel="stylesheet" />
    <link href="css/backtotop.css" rel="stylesheet" />
    <link href="css/loading.css" rel="stylesheet" />
    <link href="css/animate.css" rel="stylesheet" />
    <link rel="shortcut icon" href="images/favicon.ico" />
    <link rel="icon" href="images/favicon.ico" />
    <link rel="Bookmark" href="images/favicon.ico" />
    <script src="lavalamp/jquery.easing.min.js" type="text/javascript"></script>
    <script src="lavalamp/jquery.lavalamp.min.js" type="text/javascript"></script>
    <script src="js/backtotop.js" type="text/javascript"></script>
    <style type="text/css">
        .navbar .brand {
            color: #000000;
        }

            .navbar .brand:hover {
                color: #c4c4c4;
            }
    </style>
    <script type="text/javascript">
        $(function () {
            $(".navbar .nav").lavaLamp({
                fx: "backout",
                speed: 700
            });
        });
    </script>
</head>
<body>

    <div id="loading">
        <div class="loadcircle"></div>
        <div class="loadcircle1"></div>
    </div>

    <div class="navbar navbar-inverse navbar-fixed-top">
        <div class="navbar-inner">
            <div class="container">
                <a class="brand" href="index.html">Shawgin</a>
                <div class="nav-collapse collapse">
                    <ul class="nav">
                        <li><a href="#top">首页</a></li>
                        <li><a href="#coder">程序猿</a></li>
                        <li><a href="#designer">设计</a></li>
                        <li><a href="#basketball">篮球</a></li>
                        <li><a href="#literature">文学</a></li>
                        <li><a href="#colleage">我的大学</a></li>
                        <li><a href="#history">人生史</a></li>
                        <li><a href="#contact">联系</a></li>
                        <li><a href="#about">关于</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <header class="jumbotron masthead" id="top">
        <div class="container">
            <h1 class="animated bounceInDown">Shawgin</h1>
            <p class="animated fadeInUp">我是何明机,一个23岁的Coder,爱好编程、设计和运动.</p>
            <div class="circle">
                <p>HERE</p>
                <p>I AM</p>
            </div>
        </div>
    </header>

    <div class="bs-docs-social">
        <div class="container">
            <ul class="bs-docs-social-buttons">
                <li>
                    <span class="label label-success">声明 : </span>&nbsp;&nbsp;这是我的个人网站 , 欢迎关注此网站或者我的个人微博！
                </li>
                <li>
                    <a href="http://weibo.com/shawgin" title="Shawgin的新浪微博" target="_blank">
                        <img src="images/Sina_Weibo_Logo_RGB_C_E.png" style="height: 30px;"></a>
                </li>
            </ul>
        </div>
    </div>

    <div class="centerpanel">
        <section id="coder">
            <div>
                <p class="codertitle">Why I Am A Coder?</p>
            </div>
            <div class="clearfloat"></div>
            <div>
                <div class="langshow">
                    <table border="0">
                        <tr>
                            <td><img src="images/c.png" /></td>
                            <td><img src="images/JAVA.png" /></td>
                            <td><img src="images/cpp.png" /></td>
                            <td><img src="images/CS.png" /></td>
                        </tr>
                        <tr>
                            <td><img src="images/HTML.png" /></td>
                            <td><img src="images/CSS.png" /></td>
                            <td><img src="images/JQUERY.png" /></td>
                            <td><img src="images/ASP.png" /></td>
                        </tr>
                    </table>
                </div>
                <div class="paragraph">
                    <span class="firstletter">程</span>序猿生活的真正开始应该是从大学快毕业的那段时间算起。大学四年下来，
                    因为自己所选择的专业的问题，关于自己选修专业上的知识技能一滴不漏地还给了大学里的老师们。当时大三的时候意识到如果一直
                    如此下去，毕业后即便是失业，所以那时候起就乱七八糟地开始自学一些计算机编程方面的东西。大四第二学期的时候，开始奔波于各种
                    招聘会之间。那时候经过N次的求职面试笔试，屡屡的失败警告了我，之前所学到的那些乱七八糟的东西都只是皮毛中的皮毛而已，
                    那时候开始怀疑自己的学习方法和体系，甚至怀疑自己是否真的存在着一个可实现的求职目标。那时候只是会一些J2SE基础、C#基础，
                    却很天真地以为可以去开发一些简单的系统后台应用软件，但是慢慢地发现现在的企业招的要么是游戏，要么是Web端开发。因此，即将毕业
                    的时候有一个多月，即使有什么招聘会我都不想去，就呆在宿舍开始学习ASP.NET的东西。也可以说我很幸运也很感谢有这么一个老板，
                    ASP.NET学了一个多月，就开始在我现在的这家公司上班。一开始的时候，我是做ASP.NET系统开发，但是一个半月后因为公司业务上的需求
                    加上老板给我的建议，我便开始转向游戏后台的开发。我喜欢不断地学习新的技术，喜欢挑战自己的能力，HTML5游戏开发，我是否又能继续
                    挑战下去呢，有所期待！That is why I am a coder.
                </div>
            </div>
        </section>

        <div class="sectionline"></div>

        <section id="designer">
            <div>
                <p class="designertitle">Ever Be A Designer</p>
            </div>
            <div class="clearfloat"></div>
        </section>

        <div class="sectionline"></div>

        <section id="basketball">
            
        </section>

        <div class="sectionline"></div>

        <section id="literature">
            
        </section>

        <div class="sectionline"></div>

        <section id="colleage">
            
        </section>

        <div class="sectionline"></div>

        <section id="history">
            
        </section>

        <div class="sectionline"></div>

        <section id="contact">
            
        </section>

        <div class="sectionline"></div>

        <section id="about">
            
        </section>
    </div>

    <footer class="footer">
        <div>
            <div>
                <img src="images/footerline.png" />
            </div>
            <div style="font-family: 微软雅黑;">
                <p>Designed and Developed by <a href="http://weibo.com/shawgin" target="_blank">Shawgin</a>.</p>
                <p>Copyright © 2013 - 2015 <a href="http://weibo.com/shawgin" target="_blank">Shawgin</a>.All Rights Reserved.&nbsp;&nbsp;<a id="cnzz_stat_icon_1000039155"></a></p>
                <p>建议：为达到更好的体验效果，建议您使用最新版本的Chrome浏览器或者Firefox浏览器！</p>
            </div>
        </div>
    </footer>

    <p id="back-to-top"><a href="#top"><span></span></a></p>

    <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://"); document.write(unescape("%3Cdiv id='cnzz_stat_icon_1000039155'%3E%3C/div%3E%3Cscript src='" + cnzz_protocol + "s22.cnzz.com/z_stat.php%3Fid%3D1000039155%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script>

    <!-- Baidu Button BEGIN -->
    <script type="text/javascript" id="bdshare_js" data="type=slide&amp;img=8&amp;pos=right&amp;uid=0"></script>
    <script type="text/javascript" id="bdshell_js"></script>
    <script type="text/javascript">
        document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date() / 3600000);
    </script>
    <!-- Baidu Button END -->

</body>
</html>
